<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>简历2</title>
	</head>
	<style type="text/css">
		#workzz{
			display: flex;
			align-items: center;
		}
		#workjl{
			display: flex;
			justify-content: flex-end;
		}
	</style>
	<body>
		<div id="">
			<h3>工作经历</h3>
			<hr >
			<div id="work">
				
			</div>
			<div id="workjl">
				<a href="#" onclick="addWork();">添加工作经历</a>
			</div>
		</div>
	</body>
	<script type="text/javascript">
		function delWork(event){
			var workObj = document.getElementById('work')
			var deltag = event.target.parentElement;
			workObj.removeChild(deltag)
		}
		function addWork(){
			var workObj = document.getElementById('work')
			var newDiv = document.createElement('div')
			newDiv.innerHTML = `公司名称：<input type="" name="" id="" value="" />
				职位：<input type="" name="" id="" value="" />
				<a href="#" onclick="delWork(event);">删除工作经历</a>
				<br>
				<br>
				<div id="workzz">
					工作职责及工作内容描述:<textarea rows="8" cols="100">
						
					</textarea>
				</div>
				<hr >`;
			workObj.appendChild(newDiv);
		}
		onload = function(){
			addWork();
		}
	</script>
</html>
